<script setup lang="ts">

import detailImage from '@/components/Image/DetailImage.vue'

import {ref,reactive} from 'vue';
import imgs from '@/assets/demo.png'

const active = ref(0);
type listInfo={
    
    img:string[]
}
interface Info{
    val:{
        info:listInfo,
       
    }
}
//模拟获取到数据
const detail=reactive<Info>({
    val:{
        info:{
     
            img:[]
        }
    }
})

//赋值
detail.val={
    info:{
      
        img:[imgs,imgs,imgs,imgs],
    }
}
const {img}=detail.val.info;

</script>
<template >
    <div class="padding_15">
        <div class="public-detail-box padding_bot_0">
           
            <detailImage name="店铺图片" :value="img"  />
        </div>
        <div class="public-detail-box padding_bot_0"> 
            <detailImage name="店铺图片" :value="img"  />
        </div>

 
    </div>
</template>

<style lang="scss" scoped>

</style>

